<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>成为价格分享员</title>
    <link rel="stylesheet" type="text/css" href="../js/cube-ui/cube.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/member-applyShare.css">
</head>

<body>
    <div class="app-shell" id="share" v-cloak>
        <div class="family-main">
            <div class="family-header">
                <i class="family-goback" @click="goback()">返回</i>成为价格分享员
            </div>

            <div class="family-container">
                    <ul>
                        <li class="family-listLi"><span class="family-listLiLeft">姓名：</span><input type="text" v-model="params.realName" placeholder="请输入您的姓名" class="family-listInput"></li>
                        <li class="family-listLi"><span class="family-listLiLeft">电话：</span><input type="number" v-model="params.mobile" placeholder="请输入您的电话" class="family-listInput"></li>
                    </ul>
                    <div class="family-card">
                        <h3 class="family-cardH3">身份证正面</h3>
                        <h5 class="family-cardH5">在有效期内，字迹清晰，没有遮挡、涂抹</h5>
                        <div id="idcard1" class="family-idcard">
                            <img :src="idcardFront" v-if="idcardFront" class="family-idcardImg">
                            <input class="family-idcardInput" @change="showIdCardFront($event)" ref="idcardFrontFile" type="file"
                                accept="image/*" capture="camera">
                        </div>
                    </div>
                    <div class="family-card">
                        <h3 class="family-cardH3">身份证反面</h3>
                        <h5 class="family-cardH5">在有效期内，字迹清晰，没有遮挡、涂抹</h5>
                        <div id="idcard2" class="family-idcard">
                            <img :src="idcardBack" v-if="idcardBack" class="family-idcardImg">
                            <input class="family-idcardInput" @change="showIdCardBack($event)" ref="idcardBackFile" type="file"
                                accept="image/*" capture="camera">
                        </div>
                    </div>
                    <cube-button :primary="true" :disabled="btnDisabled" class="family-submit" @click="sumbit()"><cube-loading v-if="btnDisabled"></cube-loading>提交审核</cube-button>
            </div>
        </div>
    </div>
    <script src="../js/vue.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/fetch20190612.js"></script>
    <script src="../js/rem.js"></script>
    <script src="../js/cube-ui/cube.min.js"></script>
    <script src="js/member-applyShare.js"></script>
</body>
</html>
